Post by tuturu on Jul 5, 2020 3:20:34 GMT
[DELETE AFTER USE]
[googlefont=Roboto+Condensed][googlefont=Verdana,Arial][newclass=.theEGG] width:600px; margin-bottom:100px;[/newclass][newclass=.theEGGtopwrap] position:relative; width:600px; height:205px; background-color:#333333; border-radius:2px;[/newclass][newclass=.theEGGtop] position:absolute; width:600px; height:205px; background-image: url(https://3.bp.blogspot.com/_jFM-Fd8NDFE/TCj2U97EmgI/AAAAAAAAHD8/GA1VLn1gbYI/w1200-h630-p-k-no-nu/GrungeTexture-1.jpg); background-size: cover; mix-blend-mode: multiply; border-radius:2px;[/newclass][newclass=.theEGGhead] position:absolute; width:600px; height:205px; background-size:cover; mix-blend-mode:multiply; filter:grayscale(100%); opacity:0.5; border-radius:2px;[/newclass][newclass=.theEGGicon] position: absolute; margin-left: 335px; height:205px; width: 205px; background-color:#e4de50; border-right:5px solid #e4de50; border-left:5px solid #e4de50; transform:skew(-10deg); overflow: hidden;[/newclass][newclass=.theEGGiconimg] margin:0px -20px; height:205px; width:240px; background-size:cover; filter:grayscale(100%); transform:skew(10deg); mix-blend-mode:multiply;[/newclass][newclass=.theEGGooc] position:relative; bottom:-165px; box-sizing:border-box; height:40px; background-color:rgba(21,21,21, 0.6); overflow:hidden;[/newclass][newclass=.theEGGbord] position:absolute; top:15px; left:15px; width:547px; height:215px; border-top:solid 1px #e4de50; border-left:1px solid #e4de50;[/newclass][newclass=.theEGGtitle] position:relative; font:bold 75px Roboto Condensed; color:#eeeeee; text-shadow: 0.75px 0.75px 0px #333333, 0.75px 0px 0px #333333, 0px 0.75px 0px #333333, -0.75px 0px 0px #333333, 0px -0.75px 0px #333333, -0.75px 0.75px 0px #333333, 0.75px -0.75px 0px #333333, -0.75px -0.75px 0px #333333; line-height: 65px;[/newclass][newclass=.theEGGheader] border-bottom:solid 1px #e4de50; padding-bottom:14px; font:bold 24px Roboto Condensed; line-height:20px; margin:20px 140px 0px -40px; text-transform:uppercase; white-space:nowrap; color:#333333;[/newclass][newclass=.theEGGmain] font: 12px Roboto; text-align: justify; color: #333333; padding-top: 17px;[/newclass][newclass=.theEGGh1] position:relative; line-height:15px; font:bold 17px Roboto; font-weight:800; color:#e4de50;[/newclass][newclass=.theEGGinfo] position:relative; margin-top:-10px; font:11px Roboto;[/newclass][newclass=.theEGGprof] margin-top:40px; margin-left:25px; width:200px; height:325px; background-color:#eeeeee; box-shadow:15px 15px 0px #e4de50; border: 1px solid #e4de50; border-radius:2px; mix-blend-mode:multiply;[/newclass][newclass=.theEGGpers] position:relative; bottom:-165px; box-sizing:border-box; height:40px; background-color:rgba(21,21,21, 0.6); overflow:hidden;[/newclass][newclass=.theEGGheadwrap] position:relative; width:600px; height:205px; background-color:#333333; border-radius:2px; overflow:hidden;[/newclass]
[newclass=.theEGGheadwrap:hover > .theEGGpers] bottom:0px; height:205px; transition-timing-function: ease-out; transition-duration: 0.9s;[/newclass]
[newclass=.theEGGheadwrap:hover > .theEGGtitle] opacity:0; transition-timing-function: ease-in; transition-duration: 0.50s; transition-delay: 0.25s;[/newclass]
[newclass=.theEGGheadwrap:hover > .theEGGperlist]opacity:1; transition-timing-function: ease-in-out; transition-duration: 0.50s; transition-delay: 0.75s;[/newclass]
[newclass=.theEGGperlist]opacity:0; position: absolute; top:31px; left:31px; width:538px; height:143px; font:bold 17px Roboto Condensed; color:#eeeeee; text-shadow: 0.75px 0.75px 0px #333333, 0.75px 0px 0px #333333, 0px 0.75px 0px #333333, -0.75px 0px 0px #333333, 0px -0.75px 0px #333333, -0.75px 0.75px 0px #333333, 0.75px -0.75px 0px #333333, -0.75px -0.75px 0px #333333; line-height: 15px;[/newclass]
IMAGES do NOT resize.Please use the dimensions listed (https://via.placeholder.com/widthxheight) or have your picture cut off. It was the best way to make it easier for people to find the places to place the links and also so i don't have to copy the code over and over again.
THE COLOUR can be changed. Find a colour name or HEX code you wish to use and then CTRL-F the word "grey" to find all applicable places for said colour.
[DELETE AFTER USE]THE COLOUR can be changed. Find a colour name or HEX code you wish to use and then CTRL-F the word "grey" to find all applicable places for said colour.
[attr="class","theEGG"]
[attr="class","theEGGtopwrap"]
[attr="class","theEGGtop"]
[attr="class","theEGGhead"]
[attr="class","theEGGicon"]
[attr="class","theEGGiconimg"]
[attr="class","theEGGooc"]TUTURU
[attr="class","theEGGbord"]
[attr="class","theEGGtitle"]Nido
[attr="class","theEGGtitle"]Daichi/Mio
[attr="class","theEGGheader"]CHARACTER OVERVIEW [attr="class","theEGGbody"] [attr="class","theEGGh1"]Alias [attr="class","theEGGinfo"] Two Count [attr="class","theEGGh1"]Gender [attr="class","theEGGinfo"] Gender Fluid [Daichi=Male Mio=Female [attr="class","theEGGh1"]Age [attr="class","theEGGinfo"] 17 [attr="class","theEGGh1"]Sexuality [attr="class","theEGGinfo"] Pansexual [attr="class","theEGGh1"]Affiliation [attr="class","theEGGinfo"] Hero [attr="class","theEGGh1"]Hero/villain/vigilante name [attr="class","theEGGinfo"] Deuce and Domino [attr="class","theEGGh1"]Rank [attr="class","theEGGinfo"] Student [attr="class","theEGGh1"]Class [attr="class","theEGGinfo"] 1-B [attr="class","theEGGheader"]APPEARANCE DESCRIPTION [attr="class","theEGGbody"] [attr="class","theEGGh1"]Height [attr="class","theEGGinfo"] 152cm/5' [attr="class","theEGGh1"]Weight [attr="class","theEGGinfo"] 47kg/104lbs [attr="class","theEGGh1"]Eye Color [attr="class","theEGGinfo"] One Blue and One Yellow [Mirrored on each twin] [attr="class","theEGGh1"]Hair Color [attr="class","theEGGinfo"] Blonde [attr="class","theEGGh1"]Skin Color [attr="class","theEGGinfo"] Pale [attr="class","theEGGinfo"] The major thing about the Nido twins is that they do look almost completely identical. The only differences between the two come in their hair style, and their eyes. They are identical in height, weight, and general body shape. Mio has neck-length blonde hair, with large bangs that she keeps out of her face with hair clips. Her right eye is a bright blue while her left is golden. Daichi's hair is, mostly, shorter, with the front of his hair sticking up in stylized spikes. Daichi's eyes are also reveres, right gold, left blue. The two of them often dress in matching but distinct outfits, color coordinating with each other. This includes the fact the two of them will always have their color schemes mathing in order as well. Mio prefers wearing skirts, and most of her shoes have small, wide heels. She also tries to only wear the more feminine tops, commonly going sleeveless. Daichi commonly uses button up, short sleeve shirts and ties. | [attr="class","theEGGprof"] [attr="class","theEGGinfo"] [attr="class","theEGGh1"] Mello from Death Note.Face Claim |
[attr="class","theEGGheadwrap"]
[attr="class","theEGGtop"]
[attr="class","theEGGhead"]
[attr="class","theEGGicon"]
[attr="class","theEGGiconimg"]
[attr="class","theEGGpers"]
[attr="class","theEGGbord"]
[attr="class","theEGGtitle"]PERSONALITY
[attr="class","theEGGperlist"]
[attr="class","theEGGinfo"] Daichi is a rather stubborn headed person, often trying to portray himself as the "cool kid". His persona on stage leaks out into his day to day life has he tries to give of an air of class and coolness around him. This is despite the fact that in reality he's kind of a clumsy goofball. Someone who, more than anything else, didn't really expect to be as popular as he is, and doesn't really know what to do with it. He likes people, and wants to make his fans and his managers and his agents all happy at once. He's likely to overwork himself regularly, or accidentally double book himself as he tries to please everybody around him. He likes nothing more than performing on stage and making everybody around him as happy as can be. He seems to be pretty charismatic at times, a cheerful person when he can be, if a bit naive of social interaction. Mio is, despite what many would think with her being the smarter twin, an absolute ball of energy. A constant beaming smile with excitement leaking out of her. She is somehow even more of a people person than her brother, mostly due to the fact that she doesn't try to keep up a "cool" persona. She is simply a joy to be around as she is also a massive otaku, buying toys, models and figures, she also likes watching anime especially those who have heroes. Due to her fanboying over anime and television, Mio has poor spending habits and is constantly on the borderline of being broke due to buying too many toys and figurines. Mio is an optimist who is never afraid to take risks. She is always in a good mood and likes to look at the bright side of things. She is determined and once her mind is set on something, nothing can stop her. But because of her persistent personality, she often overexerts herself. |
[newclass=.theEGGheadwrap:hover > .theEGGpers] bottom:0px; height:205px; transition-timing-function: ease-out; transition-duration: 0.9s;[/newclass]
[newclass=.theEGGheadwrap:hover > .theEGGtitle] opacity:0; transition-timing-function: ease-in; transition-duration: 0.50s; transition-delay: 0.25s;[/newclass]
[newclass=.theEGGheadwrap:hover > .theEGGperlist]opacity:1; transition-timing-function: ease-in-out; transition-duration: 0.50s; transition-delay: 0.75s;[/newclass]
[newclass=.theEGGperlist]opacity:0; position: absolute; top:31px; left:31px; width:538px; height:143px; font:bold 17px Roboto Condensed; color:#eeeeee; text-shadow: 0.75px 0.75px 0px #333333, 0.75px 0px 0px #333333, 0px 0.75px 0px #333333, -0.75px 0px 0px #333333, 0px -0.75px 0px #333333, -0.75px 0.75px 0px #333333, 0.75px -0.75px 0px #333333, -0.75px -0.75px 0px #333333; line-height: 15px;[/newclass]
